<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 指明当前IE浏览器按最新的渲染引擎来渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>wjs-index</title>
    <link rel="shortcut icon" href="https://github.com...images/favicon.ico">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" 
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" 
    integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" crossorigin="anonymous"
    integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"></script>

    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 顶部通栏 start -->
    <div class="wjs_topBar hidden-xs hidden-sm">
        <div class="container">
            <div class="col-md-2">
                <a href="#" class="wjs_app">
                    <span class="glyphicon glyphicon-phone"></span>
                    <span>手机微金所</span>
                    <span class="glyphicon glyphicon-menu-down"></span>
                    <img src="./images/code.jpg" alt="">
                </a>
            </div>
            <div class="col-md-5">
                <span class="glyphicon glyphicon-phone-alt"></span>
                <span>手机号码：1323545544(服务时间：9:00-18:00)</span>
            </div>
            <div class="col-md-2">
                <a href="#">常见问题</a>
                <a href="#">财务登录</a>
            </div>
            <div class="col-md-3">
                <a href="#" class="btn btn-default btn-xs btn-register">免费注册</a>
                <a href="#" class="btn btn-link btn-login">登录</a>
            </div>
        </div>
    </div>
    <!-- 顶部通栏 end -->
    <!-- 导航栏 start -->
    <nav class="navbar navbar-default wjs_nav" data-spy="affix" data-offset-top="30">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse-id">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="#" class="navbar-brand">
                    <span class="brand-img"></span>
                </a>
            </div>
            <div class="collapse navbar-collapse" id="collapse-id">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">我要投资</a></li>
                    <li><a href="#">我要借贷</a></li>
                    <li><a href="#">平台介绍</a></li>
                    <li><a href="#">新手专区</a></li>
                    <li><a href="#">最新动态</a></li>
                    <li><a href="#">微平台</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right hidden-sm">
                    <li><a href="#">个人中心</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 导航栏 end -->
    <!-- 轮播图 start -->
    <div id="carousel-example-generic" class="carousel slide wjs_banner" data-ride="carousel">
        <ol class="carousel-indicators"></ol>
        <div class="carousel-inner" role="listbox"></div>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!-- 轮播图 end -->
    <!-- 信息 start -->
    <div class="wjs_info hidden-xs">
        <div class="container">
            <div class="col-md-4 col-sm-6">
                <a href="#" class="media">
                    <div class="media-left">
                        <span class="iconfont iconrenzheng wjs_icon"></span>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        银联支付全程保证支付安全
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="#" class="media">
                    <div class="media-left">
                        <span class="iconfont iconrenzheng wjs_icon"></span>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        银联支付全程保证支付安全
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="#" class="media">
                    <div class="media-left">
                        <span class="iconfont iconrenzheng wjs_icon"></span>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        银联支付全程保证支付安全
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="#" class="media">
                    <div class="media-left">
                        <span class="iconfont iconrenzheng wjs_icon"></span>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        银联支付全程保证支付安全
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="#" class="media">
                    <div class="media-left">
                        <span class="iconfont iconrenzheng wjs_icon"></span>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        银联支付全程保证支付安全
                    </div>
                </a>
            </div>
            <div class="col-md-4 col-sm-6">
                <a href="#" class="media">
                    <div class="media-left">
                        <span class="iconfont iconrenzheng wjs_icon"></span>
                    </div>
                    <div class="media-body">
                        <h4 class="media-heading">支付交易保障</h4>
                        银联支付全程保证支付安全
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!-- 信息 end -->
    <!-- 预约 start -->
    <div class="wjs_book">
        <div class="container">
            <div class="pull-left">
                <span class="iconfont iconjrxzhy"></span>
                现在有223人正在排队
                <a href="#" class="wjs_book_btn">立即预约</a>
            </div>
            <div class="pull-right hidden-xs">
                <span class="iconfont iconshipinbofangyingpian2"></span>
                微金所企业宣传片
            </div>
        </div>
    </div>
    <!-- 预约 end -->
    <!-- 产品模块 start -->
    <div class="wjs_product">
        <div class="container">
            <div class="nav-tabs-parent"> <!--设置一个父容器-->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active"><a href="#tab1" data-toggle="tab">特别推荐</a></li>
                    <li><a href="#tab2" data-toggle="tab">微平台</a></li>
                    <li><a href="#tab3" data-toggle="tab">微平台</a></li>
                    <li><a href="#tab4" data-toggle="tab">微平台</a></li>
                    <li><a href="#tab5" data-toggle="tab">微平台</a></li>
                    <li><a href="#tab6" data-toggle="tab">微平台</a></li>
                    <li><a href="#tab7" data-toggle="tab">微平台</a></li>
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <a href="#" class="product_box active">
                            <div class="box_right">
                                <div data-toggle="tooltip" data-placement="left" title="Tooltip on left">工具提示</div>
                                <p><b>8</b><sub>%</sub></p>
                                <p>年利率</p>
                            </div>
                            <div class="box_left"></div>
                        </a>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <a href="#" class="product_box">
                            <div class="box_right"></div>
                            <div class="box_left"></div>
                        </a>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <a href="#" class="product_box"></a>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <a href="#" class="product_box"></a>
                    </div>
                </div>
                <div class="tab-pane" id="tab2">2.</div>
                <div class="tab-pane" id="tab3">.3.</div>
                <div class="tab-pane" id="tab4">.4.</div>
                <div class="tab-pane" id="tab5">2.</div>
                <div class="tab-pane" id="tab6">.3.</div>
                <div class="tab-pane" id="tab7">.4.</div>
            </div>
        </div>
    </div>
    <!-- 产品模块 end -->
    <!-- 新闻 start -->
    <div class="wjs_news">
        <div class="container">
            <div class="col-md-2 col-md-offset-2">
                <h3 class="wjs_news_title">全部新闻</h3>
            </div>
            <div class="col-md-1">
                <div class="wjs_news_line hidden-sm hidden-xs"></div> <!--实现虚线-->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="active">
                        <a href="#home"  data-toggle="tab">
                            <span class="iconfont iconfenxiao"></span>
                        </a>
                    </li>
                    <li><a href="#profile"  data-toggle="tab"><span class="iconfont iconkehuguanli"></span></a></li>
                    <li><a href="#messages" data-toggle="tab"><span class="iconfont icondenglu1"></span></a></li>
                    <li><a href="#settings" data-toggle="tab"><span class="iconfont iconzichanguanli-copy"></span></a></li>
                </ul>
            </div>
            <div class="col-md-7">
                <div class="tab-content">
                    <div class="tab-pane active" id="home">..1.</div>
                    <div class="tab-pane" id="profile">..11.</div>
                    <div class="tab-pane" id="messages">.11..</div>
                    <div class="tab-pane" id="settings">..11.</div>
                  </div>
            </div>
        </div>
    </div>
    <!-- 新闻 end -->
    <!-- 合作伙伴 start -->
    <div class="wjs_partner">
        <div class="container">
            <div>© Huaban 杭州纬音智网络有限公司   
                |
                  备案图标
                浙公网安备 33010602001880号   
                |
                  
                备案信息: 浙B2-20110282-7   
                |
                  
                网络信息服务信用承诺书   </div>
        </div>
    </div>
    <!-- 合作伙伴 end -->
</body>
<script src="./js/iscroll.js"></script>
<script src="./js/index.js"></script>
</html>